<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>断点调试</title>
</head>
<body>
<h4>断点调试</h4>
<p>
    作用：学习时可以帮助更好的理解代码运行，工作时可以更快找到bug
</p>
<p>
    浏览器打开调试界面 <br>
    1. 按F12打开开发者工具(右键-检查) <br>
    2. 点到 sources(源) 一栏 <br>
    3. 选择代码文件
</p>
<p>断点：在某句代码上加的标记就叫断点，当程序执行到这句有标记的代码时会暂停下来</p>
<hr>
<a href="https://www.bilibili.com/video/BV1Y84y1L7Nn/?p=30&vd_source=cb928a955f1123af004a2e3158113ea7">
    断点调试,视频讲解
</a>

<!--断点演示-->
<script>
    let 数 = 10 //定义变量
    数 = 数 + 1 //变量+1
    console.log(数) //输出变量信息, 到浏览器控制台
</script>
</body>
</html>